<template>
  <div class="hot_yuanchuang">
    <h2>热门原创/POPULAR</h2>
    <p>独一无二，唯你独享</p>
    <Art_show :arts="list"></Art_show>
  </div>
</template>
<script>
import Art_show from '@/components/Art_show'
export default{
  name: '',
  data () {
    return {
      list: [
        {
          name: '四通八达1',
          author: '尤塔波波',
          price: '￥50,000',
          src: require('../../assets/img/home/202004151759036001db0319f.jpg')
        },
        {
          name: '银河No.6',
          author: '杨孟超',
          price: '￥5,630',
          src: require('../../assets/img/home/20160424154215920c59e4385.jpg')
        },
        {
          name: '迷幻森林',
          author: '刘也',
          price: '￥30,000',
          src: require('../../assets/img/home/2019081200552845691b6f248.jpg')
        },
        {
          name: '疏影横斜',
          author: '姜云涛',
          price: '￥11,510',
          src: require('../../assets/img/home/201708161842272297767abca.jpg')
        }
      ]
    }
  },
  components: {
    Art_show
  }
}
</script>
<style scoped lang="less">
  .hot_yuanchuang{
    h2{
      text-align: center;
      margin: 20px 0 0;
      font-size: 1.2em;
    }
    p{
      text-align: center;
      margin: 4px 0 10px;
      font-size: 0.8em;
      color: #999;
    }
    .box{
      width: 100%;
      height: 300px;
      border: 1px solid red;
      box-sizing: border-box;
    }
  }
  
</style>